<template>
	<view class="">
		
	
	<view class="advertisement-one">
		<view class="advertisement-left">
			<image src="/static/p3.jpg" mode="" style="width: 226upx;height: 163upx;background: #000000;border-radius: 8upx;"></image>
		</view>
		<view class="advertisement-right">
			<view class="advertisement-right-title">
				厦门出台校外培训机构预收费监管 办法 严防“卷钱跑路 
			</view>
			<view class="advertisement-right-info" >
				<view class="">
					1.2万评论 
				</view>
				<view class="">
					3万点赞 
				</view>
			</view>
		
		</view>
	</view>
		
	<view class="advertisement-two">
		<view class="advertisement-two-title">
			福建师范大学：举办全国马克思列宁主义经济学说史 学会全体大会
		</view>
		<view class="advertisement-two-img">
			<view class="" style="margin-right: 10upx;">
				<image src="/static/p4.jpg" mode="" style="width: 226upx; height: 163upx; border-radius: 12upx;"></image>
			</view>
			<view class="" style="margin-right: 10upx;">
				<image src="/static/p5.jpg" mode="" style="width: 226upx; height: 163upx; border-radius: 12upx;"></image>
			</view>
			<view class="">
				<image src="/static/p6.jpg" mode="" style="width: 226upx; height: 163upx; border-radius: 12upx;"></image>
			</view>
			
		</view>
		<view class="advertisement-two-info" style="margin-top: 20upx;">
			<view class="">
				1.2万评论
			</view>
			<view class="">
				3万点赞
			</view>
		</view>
	</view>
		
		
	<view class="advertisement-three">
		<view class="advertisement-three-title">
			福建师范大学：举办全国马克思列宁主义经济学说史 学会全体大会
		</view>
		<view class="advertisement-three-info" style="margin-top: 20upx;">
			<view class="">
				1.2万评论 
			</view>
			<view class="">
				3万点赞 
			</view>
		</view>
	</view>
	<view class="advertisement-one">
		<view class="advertisement-left">
			<image src="/static/p3.jpg" mode="" style="width: 226upx;height: 163upx;background: #000000;border-radius: 8upx;"></image>
		</view>
		<view class="advertisement-right">
			<view class="advertisement-right-title">
				厦门出台校外培训机构预收费监管 办法 严防“卷钱跑路 
			</view>
			<view class="advertisement-right-info" >
				<view class="">
					1.2万评论 
				</view>
				<view class="">
					3万点赞 
				</view>
			</view>
		
		</view>
	</view>
		
	<view class="advertisement-two">
		<view class="advertisement-two-title">
			福建师范大学：举办全国马克思列宁主义经济学说史 学会全体大会
		</view>
		<view class="advertisement-two-img">
			<view class="" style="margin-right: 10upx;">
				<image src="/static/p4.jpg" mode="" style="width: 226upx; height: 163upx; border-radius: 12upx;"></image>
			</view>
			<view class="" style="margin-right: 10upx;">
				<image src="/static/p5.jpg" mode="" style="width: 226upx; height: 163upx; border-radius: 12upx;"></image>
			</view>
			<view class="">
				<image src="/static/p6.jpg" mode="" style="width: 226upx; height: 163upx; border-radius: 12upx;"></image>
			</view>
			
		</view>
		<view class="advertisement-two-info" style="margin-top: 20upx;">
			<view class="">
				1.2万评论
			</view>
			<view class="">
				3万点赞
			</view>
		</view>
	</view>
		
		
	<view class="advertisement-three">
		<view class="advertisement-three-title">
			福建师范大学：举办全国马克思列宁主义经济学说史 学会全体大会
		</view>
		<view class="advertisement-three-info" style="margin-top: 20upx;">
			<view class="">
				1.2万评论 
			</view>
			<view class="">
				3万点赞 
			</view>
		</view>
	</view>
	</view>
</template>

<script>
</script>

<style lang="scss" scoped>
	.advertisement-one {
		width: 704upx;
		margin-left: 21upx;
		margin-top: 30upx;
		display: flex;
		padding-bottom: 20upx;
		border-bottom: 1px solid  #F4F4F4;
		.advertisement-right-title {
			font-size: 30upx;
			font-family: Noto Sans S Chinese;
			font-weight: 700;
			color: #000000;
		}
		.advertisement-right {
			height: 163upx;
			margin-left: 20upx;
			display: flex;
			flex-direction: column;
			justify-content: space-between;
			.advertisement-right-info {
				display: flex;
				justify-content: space-between;
				font-size: 24upx;
				font-family: Noto Sans S Chinese;
				font-weight: 400;
				color: #808080;
			}
		}
	
	}
	.advertisement-two {
		display: flex;
		flex-direction: column;
		width: 704upx;
		margin-left: 21upx;
		padding-bottom: 20upx;
		border-bottom: 1px solid  #F4F4F4;
		.advertisement-two-title {
			font-size: 30upx;
			font-family: Noto Sans S Chinese;
			font-weight: 700;
			color: #000000;
		}
		.advertisement-two-img {
			display: flex;
		}
		.advertisement-two-info {
			display: flex;
			justify-content: space-between;
			font-size: 24upx;
			font-family: Noto Sans S Chinese;
			font-weight: 400;
			color: #808080;
		}
	}
	.advertisement-three {
		display: flex;
		flex-direction: column;
		width: 704upx;
		margin-left: 21upx;
		padding-bottom: 20upx;
		border-bottom: 1px solid  #F4F4F4;
		.advertisement-three-title {
			font-size: 30upx;
			font-family: Noto Sans S Chinese;
			font-weight: 700;
			color: #000000;
		}
		.advertisement-three-info {
			display: flex;
			justify-content: space-between;
			font-size: 24upx;
			font-family: Noto Sans S Chinese;
			font-weight: 400;
			color: #808080;
		}
	}
	
</style>